<template>
    <div class="main-page">
        <div id="head">
            <div>
                <el-row>
                    <el-col>英语</el-col>
                </el-row>
                <el-row></el-row>
            </div>
            <el-row>

            </el-row>
        </div>
        <div id="main">
            <el-tabs v-model="planActiveName" @tab-click="">
                <el-tab-pane label="课节学员" name="first">
                </el-tab-pane>
            </el-tabs>
            <el-row>
                <el-col></el-col>
                <el-col>
                    <el-button>开课提醒</el-button>
                    <el-button>批量签到</el-button>
                </el-col>
            </el-row>
            <el-table
                v-loading="loading"
                :data="tableData"
                highlight-current-row
            >
                <el-table-column
                    property="uid"
                    label="编号"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="姓名"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="班级电话"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="签到状态"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="本课课程剩余课时"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="本次实扣"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="开课通知"
                    min-width="10%">
                </el-table-column>
                <el-table-column
                    property="uid"
                    label="操作"
                    min-width="10%">
                    <template slot-scope="scope">
                        <el-button-group>
                            <el-tooltip content="签到" placement="top">
                                <el-button @click="purchase" class="col-btn" size="mini" type="primary"
                                           icon="el-icon-goods"></el-button>
                            </el-tooltip>
                            <el-tooltip content="移出" placement="top">
                                <el-button class="col-btn" size="mini" type="primary" icon="el-icon-edit"></el-button>
                            </el-tooltip>
                        </el-button-group>
                    </template>
                </el-table-column>
            </el-table>


        </div>

    </div>


</template>

<script>
    import {mapActions, mapState, mapGetters} from 'vuex'
    import headTop from '../components/headTop'
    import addStudent from '../page/addStudent'
    import updateStudent from '../page/updateStudent'
    import userDetail from '../page/userDetail.vue'
    import addSubject from '@/page/components/addSubject'
    import {userList, getuserDetail, returncharge, updateUserStatus, updateUser, deleteUser} from '@/api/getData'
    import ElInput from "../../node_modules/element-ui/packages/input/src/input.vue";
    import ElOption from "../../node_modules/element-ui/packages/select/src/option.vue";

    export default {
        data() {
            return {}
        },
        components: {
            ElOption,
            ElInput,
            headTop,
            addStudent,
            userDetail,
            updateStudent,
            addSubject,

        },

        computed: {
            ...mapGetters(['adminInfo', 'usertypeMap', 'userStatusMap', 'schoolList', 'channelList', 'periodList', 'empschoolMap', 'usertypeList', 'querytimelist'])
        },

        created() {
        },
        mounted() {

        },
        methods: {
            ...mapActions(['getPeriod', 'setEmpschool', 'deleteEmpschool', 'fillSchoolEmps', 'getAllSchool']),

        },
    }
</script>

<style lang="less">
    @import '../style/mixin';

    .el-table .sks {
        background: #c2e7b0;
    }

    .el-table .zss {
        background: #ffffff;
    }

    .el-table .zts {
        background: #fab6b6;
    }

    .el-table .common {
        background: #F5F5F5;
    }

    .el-table .success-row {
        background: #f0f9eb;
    }

    .table_container {
        padding: 20px;
    }

    input {
        width: 600px;
    }
</style>
